::v-deep .uni-scroll-view,
.uni-scroll-view-content {
	overflow: unset !important;
}

.page {
	width: 100vw;
	min-height: calc(100vh - var(--window-bottom));
	background: #F8F8F8;
	background-size: 100% auto;
}

.vote-outer {
	width: 558rpx;
	height: 606rpx;
	background-image: url('@/static/sign/bj.png');
	background-size: 558rpx 606rpx;
	background-repeat: no-repeat;

	.text-outer {
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
		line-height: 40rpx;
		margin-top: 94rpx;
	}

	.vote-btn {
		width: 258rpx;
		height: 84rpx;
		text-align: center;
		line-height: 84rpx;
		font-weight: 500;
		font-size: 34rpx;
		color: #FFFFFF;
		background: linear-gradient(270deg, #145EFD 0%, #149AFD 100%);
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		margin-top: 52rpx;
	}
}
.qd{
	width: 558rpx;
	height: 570rpx;
	background-image: url('@/static/images/stcimg/9.png');
	background-size: 558rpx 570rpx;
	background-repeat: no-repeat;
	position: relative;
	.djs{
		position: absolute;
		top: 300rpx;
		font-size: 28rpx;
		color: #FFFFFF;
	}
}

.instructioning_flex_0 {
	width: 750rpx;
	height: 88rpx;
	overflow: hidden;
	z-index: 100;
	top: 0rpx;
	background: #fff;
}

.instructioning_flex_00123456 {
	width: 750rpx;
	height: 88rpx;
	overflow: hidden;
	z-index: 100;
	top: 0rpx;
}

.instructioning_fd0_0_c1_c0 {
	font-size: 36rpx;
	font-weight: 700;
	color: #333333;
	line-height: 50rpx;
}

.instructioning_fd0_0_c0_c0 {
	font-size: 36rpx;
	color: #333;
}

.instructioning_fd0_0_c0_c00023 {
	font-size: 36rpx;
	color: var(--benbenFontColor3);
}

.instructioning_fd0_0_c0 {
	width: 120rpx;
}

.instructioning_fd0_0 {
	padding: 0rpx 32rpx 0rpx 32rpx;
}

.instructioning_flex_1 {
	height: 524rpx;
	margin: -150rpx 0rpx 0rpx 0rpx;
}

.instructioning_fd1_0 {
	width: 100%;
	height: 100%;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.instructioning_flex_2 {
	position: relative;
}

.instructioning_fd2_5_c2_c0_c1 {
	color: #333;
	font-size: 28rpx;
	font-weight: 500;
	line-height: 40rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	width: 430rpx;
}

.instructioning_fd2_5_c0_c1 {
	background: rgba(20, 94, 253, .1);
	border-radius: 33rpx 33rpx 33rpx 33rpx;
	width: 96rpx;
	line-height: 48rpx;
	font-size: 24rpx;
	color: rgba(20, 94, 253, 1);
}

.instructioning_fd2_5_c0_c0_c1 {
	color: #333;
	font-size: 28rpx;
	font-weight: 500;
	line-height: 40rpx;
	width: 430rpx;
	-webkit-line-clamp: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.instructioning_fd2_5_c0_c0_c0 {
	width: 40rpx;
	height: 40rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	margin: 0rpx 016rpx 0rpx 0rpx;
}

.instructioning_fd2_5_c0 {
	background: var(--benbenbgColor1);
	padding: 32rpx 24rpx 024rpx 24rpx;
	margin: 0rpx 24rpx 24rpx 24rpx;
	border-radius: 32rpx;
	background-size: 100% auto;
	height: 104rpx;
}

.instructioning_fd2_4_c0_c0_c1 {
	width: 28rpx;
	height: 28rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	margin: 14rpx 0rpx 0rpx 0rpx;
}

.instructioning_fd2_4_c0_c0_c0 {
	margin: 0rpx 16rpx 24rpx 0rpx;
	color: rgba(51, 51, 51, 1);
	font-size: 32rpx;
	font-weight: 500;
	line-height: 50rpx;
}

.instructioning_fd2_3_c0 {
	background: var(--benbenbgColor1);
	padding: 32rpx 24rpx 024rpx 24rpx;
	margin: 0rpx 0rpx 24rpx 0rpx;
	border-radius: 32rpx;
	background-size: 100% auto;
}

::v-deep .instructioning_fd2_2_c0_c0 {
	width: 100%;
}

.instructioning_fd2_2_c0 {
	padding: 32rpx 24rpx 32rpx 024rpx;
}

.instructioning_titlefd2_1_c0_c3 {
	margin: 0rpx 24rpx 0rpx 0rpx;
}

.instructioning_linefd2_1_c0 {
	background: rgba(20, 94, 253, 1);
	width: 50rpx;
	height: 8rpx;
	top: 80rpx;
	background-size: 100% auto !important;
	border-radius: 16rpx;
}

.checkTitlefd2_1_c0 {
	font-weight: 700 !important;
	font-size: 28rpx !important;
	color: #333 !important;
	background-color: rgba(255, 255, 255, 1) !important;
}

::v-deep .instructioning_benbenTabsfd2_1_c0 {
	background: #fff;
	width: 700rpx;
	height: 90rpx;
	white-space: nowrap;
	text-align: center;
}

.instructioning_fd2_1 {
	background: var(--benbenbgColor1);
	margin: 8rpx 0rpx 24rpx 0rpx;
	padding: 32rpx 24rpx 32rpx 24rpx;
	background-size: 100% auto;
	border-radius: 32rpx;
}

.instructioning_fd2_0_c1_c0 {
	color: rgba(153, 153, 153, 1);
	font-size: 28rpx;
	font-weight: 400;
	line-height: 40rpx;
}

.instructioning_fd2_0_c0 {
	margin: 0rpx 0rpx 24rpx 0rpx;
	color: rgba(51, 51, 51, 1);
	font-size: 32rpx;
	font-weight: 600;
	line-height: 45rpx;
	border-radius: 8rpx;
}

.instructioning_fd2_0_c0_0 {
	font-weight: 400;
	font-size: 24rpx;
	color: #fff;
	line-height: 34rpx;
	padding: 8rpx 16rpx;
	background: rgba(20, 94, 253, 1);
	margin-left: 16rpx;
	border-radius: 15rpx;
}

.instructioning_fd2_0 {
	background: var(--benbenbgColor1);
	margin: -38rpx 0rpx 24rpx 0rpx;
	padding: 32rpx 24rpx 32rpx 24rpx;
	background-size: 100% auto;
	border-radius: 32rpx;
}

.instructioning_flex_3 {
	background: rgba(0, 0, 0, 0.80);
	height: 100vh;
	padding: 0rpx 24rpx 140rpx 24rpx;
	position: relative;
	background-size: 100% auto;
}

.instructioning_fd3_3 {
	width: 90rpx;
	height: 90rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.instructioning_fd3_2 {
	width: 114rpx;
	height: 114rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	position: absolute;
	bottom: 285rpx;
	right: 25rpx;
}

.instructioning_fd3_1 {
	width: 114rpx;
	height: 114rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	position: absolute;
	right: 144rpx;
	bottom: 240rpx;
}

.instructioning_fd3_0 {
	width: 114rpx;
	height: 114rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	position: absolute;
	right: 194rpx;
	bottom: 125rpx;
}

.instructioning_flex_4 {
	padding: 0rpx 75rpx 0rpx 75rpx;
	width: 100vw;
}

.instructioning_fd4_1_c0 {
	width: 44rpx;
	height: 44rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.instructioning_fd4_1_c1 {
	width: 70rpx;
	height: 70rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.instructioning_fd4_1 {
	margin: 64rpx 0rpx 0rpx 0rpx;
}

::v-deep .instructioning_fd4_0_c1_c0 {
	// width: 100%;
}

.instructioning_fd4_0_c1 {
	touch-action: none;
	width: 100%;
	max-height: 600rpx;
	overflow-y: auto;
}

.instructioning_fd4_0_c0 {
	color: rgba(51, 51, 51, 1);
	font-size: 36rpx;
	line-height: 50rpx;
	font-weight: 500;
	margin: 0rpx 0rpx 32rpx 0rpx;
}

.instructioning_fd4_0 {
	background: #fff;
	width: 100%;
	// height: 342rpx;
	background-size: 100% auto;
	border-radius: 24rpx;
	padding: 47rpx 32rpx 47rpx 32rpx;
}

.sign-now {
	background: #fff;
	width: 558rpx;
	height: 570rpx;
	background-size: 100% auto;
	border-radius: 24rpx;
	padding: 47rpx 32rpx 47rpx 32rpx;
	background-image: url('@/static/sign/02.png');
	background-size: 558rpx 380rpx;
	background-repeat: no-repeat;

	.sign-now-top {
		position: absolute;
		top: -32rpx;
		z-index: 999999;
	}

	.sign-btn {
		width: 310rpx;
		height: 84rpx;
		background: linear-gradient(270deg, #145EFD 0%, #149AFD 100%);
		border-radius: 42rpx 42rpx 42rpx 42rpx;
		font-weight: 500;
		font-size: 34rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 84rpx;
		position: absolute;
		bottom: 96rpx;
	}

	.later-btn {
		position: absolute;
		bottom: 28rpx;
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
	}
}

.instructioning_flex_5 {
	width: 80rpx;
	height: 80rpx;
	overflow: hidden;
	z-index: 10;
	bottom: calc(400rpx + var(--window-bottom));
	right: 24rpx;
}

.instructioning_fd5_0 {
	width: 80rpx;
	height: 80rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.instructioning_flex_6 {
	width: 90rpx;
	height: 90rpx;
	overflow: hidden;
	z-index: 99;
	bottom: calc(140rpx + var(--window-bottom));
	right: 24rpx;
}

.instructioning_fd6_0 {
	width: 90rpx;
	height: 90rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

//
.classhourPar_flex_4 {
	width: 80rpx;
	height: 80rpx;
	overflow: hidden;
	z-index: 999;
	bottom: calc(300rpx + var(--window-bottom));
	right: 24rpx;
}

.classhourPar_fd4_0 {
	width: 80rpx;
	height: 80rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}

.classhourPar_flex_5 {
	width: 173rpx;
	height: 157rpx;
	overflow: hidden;
	z-index: 998;
	bottom: calc(460rpx + var(--window-bottom));
	right: 6rpx;
}

.classhourPar_fd5_0 {
	width: 163rpx;
	height: 148rpx;
	border-radius: 0rpx 0rpx 0rpx 0rpx;
}